<template>
	<div class="materiel">
		<div class="top"></div>
		    <!--<mt-header title="物料号"  class='head'>
			  <router-link to="/addment" slot="left">
			    <i class="material-icons left_1" style="color: #fff;">chevron_left</i>
			  </router-link>
			</mt-header>-->
			<x-header  class='head' :left-options="{backText: ''}">物料号</x-header>
			
			
			<div class="kong"></div>
			<div class="seach">
			<!--<mt-search v-model="value" placeholder='请输入搜索设备统一编号' ></mt-search>-->
			<input type="text" class="search" placeholder="请输入设备统一编号"/>
		    </div>
		     
		    <div class="info">
			<div class="info-c">
				<p>物料号：<i style="color:#1a72b9 ;">PYWLH-001</i></p><span>部件名称：<i>基础节</i></span>
				<p>部件型号：<i>WLH12891</i></p><span>几何尺寸：<i>27米</i></span>
				<p>结构形式：<i>杆式</i></p><span>备注：<i>111</i></span>
			</div>
			</div>
			
			
			<div class="info">
			<div class="info-c">
				<p>物料号：<i style="color:#1a72b9 ;">PYWLH-001</i></p><span>部件名称：<i>基础节</i></span>
				<p>部件型号：<i>WLH12891</i></p><span>几何尺寸：<i>27米</i></span>
				<p>结构形式：<i>杆式</i></p><span>备注：<i>111</i></span>
			</div>
			</div>
			
			<div class="info">
			<div class="info-c">
				<p>物料号：<i style="color:#1a72b9 ;">PYWLH-001</i></p><span>部件名称：<i>基础节</i></span>
				<p>部件型号：<i>WLH12891</i></p><span>几何尺寸：<i>27米</i></span>
				<p>结构形式：<i>杆式</i></p><span>备注：<i>111</i></span>
			</div>
			</div>	
			
			
	</div>
</template>

<script>
import { XHeader } from 'vux'
export default {
  components: {
    XHeader
  },
  data() {
    return {}
  }
}
</script>

<style scoped>
.seach {
  height: 3.6rem;
  background: #1e82d2;
}
.search {
  width: 90%;
  margin-left: 5%;
  margin-top: 0.8rem;
  background: #1a72b9;
  border: none;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  color: #fff;
}
.search::-webkit-input-placeholder {
  color: #fff;
  font-size: 0.8rem;
  line-height: 1.2rem;
}
.info {
  width: 94%;
  margin-left: 3%;
  background: #fff;
  margin-top: 0.5rem;
  border-radius: 6px;
  min-height: 1rem;
}
.info-c {
  padding: 0.5rem;
  overflow: hidden;
  font-size: 0.8rem;
  line-height: 1.3rem;
}
.info-c p {
  display: inline-block;
  width: 50%;
}
.info-c span {
  display: inline-block;
  width: 50%;
}
i {
  font-style: normal;
}
.top {
  position: fixed;
  top: 0;
  width: 100%;
  height: 1.25rem;
  background: #1e82d2;
}
.head {
  position: fixed;
  top: 1.25rem;
  width: 100%;
  background: #1e82d2;
  font-size: 1.125rem;
  height: 3rem;
}
.kong {
  height: 4.25rem;
}
</style>